iT邦幫忙

0

React從0開始-Day1 為什麼是React?

  • 分享至 

  • xImage
  •  

因為專題的前端要使用React的技術,不過在這之前好像只學過基本的HTML, CSS, JavaScript,所以想透過這次的鐵人賽好好的把React技術學好,希望接下來專題的系統架設能更順利。

先簡單布局這次學習React的方式:先看React教學的影片,一邊認識React,一邊跟著實作,從過程中對React的架構有基礎認識,之後再針對需要補足的部分在網路上找文章學習。不過目前對React可以說是一點概念也沒有,所以學習路徑也可能會隨時做滾動式調整。

首先是對React的基本認識,什麼是React?

  • 用來建構使用者介面的函式庫,讓前端開發者更容易編寫使用者介面的一種工具
  • 是由Facebooky在2013年開發出來的
  • 嚴格上,React是函式庫(library),而不是框架(framework),不過React的函式庫非常龐大,所以也常被歸類為一個前端框架
  • 常見的前端框架:Vue, React

在這裡程式底子完全沒打好的我就已經看不懂了,所以先簡單認識library和framework
https://ithelp.ithome.com.tw/upload/images/20251008/20170075t5S7YRQG3w.png

Library 傾向用來解決特定的問題,而Framework提供一個框架幫助你建構整個應用程式,就像是一個打包好的超大型工具包。Framework和Library之間的關係是Library包含在Famework之內,簡單理解讓自己有個印象就不多贅述。

為什麼要使用React? 編寫網站可以只靠HTML, CSS, JavaScript 三種語言進行開發,但當網頁架構變大、變複雜,在開發的過程會變得非常複雜且難以維護,使用React可以以組件(把網頁拆成不同的部分)的方式編寫網頁,讓複雜度下降。

而React是屬於Single Page Application (SPA),單頁式應用程式,間單來說React可以一次性的向伺服器請求一個HTML的網頁,避免使用者瀏覽不同的網頁路徑重複提出請求。React會以一個HTML網頁為基礎做動態修改內容,提升流暢度。


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言